// 定义一个对象, 专门用来保存自定义指令
const directives = {
  'imageError': {
    inserted(el, binding) {
      el.onerror = function() {
        el.src = binding.value
      }
    }
  },
  'focus': {
    inserted(el, binding) {
      el.focus()
    }
  }
}
// Object.keys(directives) // ['imageError', 'focus']
// Object.keys(directives).forEach(key => {
//   key就是对象的key值
// })
// Object.values(directives) // [{}, {}]

export default {
  install(Vue) {
    // for (const key in directives) {
    //   // Vue实例拿到手了
    //   Vue.directive(key, directives[key])
    // }
    // 循环注册自定义指令
    Object.keys(directives).forEach(key => {
      Vue.directive(key, directives[key])
    })
    // // Vue实例拿到手了
    // Vue.directive('imageError', directives['imageError'])
    // // 注册自动获取焦点
    // Vue.directive('focus', directives['focus'])
  }
}
